:root{--theme-color:252,163,7;--text-black-color:0,0,0;--text-gray-color:30,30,30;--text-white-color:255,255,255;--transition-timing-function:ease;--transition-duration:0.5s;}
*,::after,::before{transition-timing-function:none var(--transition-timing-function);transition-duration:var(--transition-duration);transition-property:none;}
html{font-size:16px;}
.header{position:fixed;top:0;left:0;z-index:100;width:100%;}
.header .navbar{transition-property:background-color;}
.header.transparent .navbar{background-color:transparent;}
.header.fixed .navbar,.header:hover .navbar{background-color:#222;box-shadow:0 0 1rem rgba(0,0,0,.15);}
.header .navbar-body{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;}
.header .navbar-brand .image-wrap{width:10rem;}
.header .navbar-brand .white-logo{display:none;}
.header.transparent .navbar-brand img{display:none;}
.header.transparent .navbar-brand .white-logo{display:block;}
.header.fixed .navbar-brand img,.header:hover .navbar-brand img{display:none;}
.header.fixed .navbar-brand .white-logo,.header:hover .navbar-brand .white-logo{display:block;}
.header .navbar-togger{display:none;}
.header .nav-list{display:flex;justify-content:flex-end;}
.header .nav-item{border-color:transparent;border-style:solid;color:#333;font-size:1rem;transition-property:border-color;border-bottom-width:2px;}
.header.transparent .nav-item{color:#fff;}
.header.fixed .nav-item,.header:hover .nav-item{color:#fff;}
.header .nav-item:not(:last-child){margin-right:4rem;}
.header .nav-item.active{color:rgb(var(--theme-color));border-bottom-color:rgb(var(--theme-color));}
.header.transparent .nav-item.active{color:#fff;border-bottom-color:#fff;}
.header.fixed .nav-item.active,.header:hover .nav-item.active{color:rgb(var(--theme-color));border-bottom-color:rgb(var(--theme-color));}
.header .nav-link{display:block;padding:1.5rem 0;transition-property:color;}
.header .submenu-wrap{position:absolute;top:100%;left:0;z-index:-5;display:block;visibility:hidden;overflow:hidden;margin:0;padding:0;width:100%;height:0;background-color:#fff;box-shadow:0 0 .5rem rgba(0,0,0,.1);opacity:0;transition-property:height,opacity,visibility;}
.header .submenu-wrap.active{visibility:visible;opacity:1;}
.header .submenu-list{display:flex;flex-wrap:wrap;justify-content:center;}
.header .submenu-link{display:block;padding:1.5rem 1rem;color:#333;font-size:1rem;transition-property:color;}
.header .submenu-item:hover .submenu-link{color:rgb(var(--theme-color));}
.footer .footer-info{padding-top:3rem;padding-bottom:3rem;background-color:#222;}
.footer .footer-info-body{display:flex;justify-content:space-between;align-items:flex-start;}
.footer .footer-nav{display:flex;flex-wrap:wrap;}
.footer .footer-nav dl:not(:last-child){margin-right:8rem;}
.footer .footer-nav dt{margin-bottom:1rem;color:#fff;font-weight:500;font-size:1.375rem;}
.footer .footer-nav dd{margin-bottom:.5rem;color:#ccc;font-size:.875rem;}
.footer .footer-nav dd:hover{color:rgb(var(--theme-color));}
.footer .footer-contact dt{margin-bottom:1rem;color:#fff;font-weight:500;font-size:1.375rem;}
.footer .footer-contact dd{display:flex;margin-bottom:.875rem;color:#ccc;font-size:.875rem;align-items:baseline;}
.footer .footer-contact dd .icon{margin-right:.75rem;width:1rem;height:1rem;flex-shrink:0;}
.footer .footer-contact dd .icon-tel{background-image:url(../icon/footer-tel.svg);}
.footer .footer-contact dd .icon-phone{background-image:url(../icon/footer-phone.svg);}
.footer .footer-contact dd .icon-email{background-image:url(../icon/footer-email.svg);}
.footer .footer-contact dd .icon-address{background-image:url(../icon/footer-address.svg);}
.footer .footer-copyright{padding-top:1rem;padding-bottom:1rem;background-color:#1a1a1a;}
.footer .footer-copyright-body{color:#fff;font-size:.875rem;}
.footer .footer-copyright-body>*{display:inline-block;margin-right:1.5rem;}
.footer .footer-copyright-body a:hover{color:rgb(var(--theme-color));}
.footer .footer-copyright-body>.float-right{float:right;margin-right:0;margin-left:1rem;}
.home-page{background-color:#2c2c2c;}
.home-page .banner-section .mobile-banner{display:none;}
.home-page .banner-section .swiper-pagination-wrap{position:absolute;bottom:2rem;z-index:5;}
.home-page .banner-section .swiper-pagination-bullet{width:.75rem;height:.75rem;border-radius:100%;background-color:#fff;}
.home-page .page-section{padding-top:4.5rem;padding-bottom:4rem;}
.home-page .section-title-wrap{margin-bottom:2rem;text-align:center;}
.home-page .section-title{position:relative;color:rgb(var(--theme-color));font-size:2.25rem;}
.home-page .section-subtitle{margin-top:.375rem;color:#fff;text-transform:uppercase;font-size:.875rem;}
.home-page .product-list{display:grid;padding:1rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.home-page .product-item-href{position:relative;display:block;}
.home-page .product-item .image-wrap{width:100%;height:100%;}
.home-page .product-item:hover img{transform:scale(1.1);}
.home-page .product-item-content{position:absolute;top:0;left:0;z-index:5;padding:2rem;width:100%;height:100%;}
.home-page .product-item-title{color:#fff;font-size:2rem;}
.home-page .product-item:hover .product-item-title{color:rgb(var(--theme-color));}
.home-page .product-item-desc{margin-top:10px;color:#666;font-size:.875rem;}
.home-page .case-section{padding-bottom:0;}
.home-page .case-list{display:flex;flex-wrap:nowrap;}
.home-page .case-item{overflow:hidden;width:20%;transition:width ease .5s,flex-basis ease .5s;}
.home-page .case-item.active{width:50%;}
.home-page .case-item-href{position:relative;display:block;height:100%;}
.home-page .case-item .image-wrap img{height:40rem;object-fit:cover;object-position:left center;}
.home-page .case-item-body{position:absolute;top:0;left:0;z-index:5;display:flex;width:100%;height:100%;background-color:rgba(0,0,0,.6);text-align:center;transition:background-color ease .5s;align-items:center;justify-content:center;}
.home-page .case-item.active .case-item-body{background-color:transparent;}
.home-page .case-item-content{display:none;padding:1rem 1.5rem;transition:background-color ease .5s;}
.home-page .case-item.active .case-item-content{display:block;background-color:rgba(0,0,0,.75);}
.home-page .case-item-title{color:#fff;font-size:1.375rem;}
.home-page .case-item-desc{display:none;margin-top:1rem;color:#fff;font-size:.875rem;line-height:2;}
.home-page .about-section{background-image:url(../images/home-about-bg.jpg);}
.home-page .about-info-body{display:flex;flex-wrap:wrap;}
.home-page .about-info-content{width:50%;}
.home-page .about-info-title-en{color:#fff;text-transform:uppercase;font-weight:700;font-size:5rem;line-height:1;opacity:.4;}
.home-page .about-info-title-cn{position:relative;display:flex;color:#fff;font-weight:700;font-size:2rem;align-items:center;}
.home-page .about-info-title-cn>span{color:rgb(var(--theme-color));}
.home-page .about-info-title-line{position:relative;display:block;margin-left:1rem;width:10rem;height:2px;background-color:rgba(255,255,255,.7);}
.home-page .about-info-title-line::before{position:absolute;top:0;left:0;display:block;width:50%;height:100%;background-color:rgb(var(--theme-color));content:'';}
.home-page .about-info-desc{margin-top:3rem;color:rgba(255,255,255,.9);font-size:1rem;line-height:2;}
.home-page .about-info-image{margin-left:10%;width:40%;}
.home-page .about-info-image .video-wrap{height:25rem;border-radius:.25rem;background-color:#000;box-shadow:0 0 0 .5rem rgba(255,255,255,.4);}
.home-page .about-data-list{display:flex;margin-top:5rem;justify-content:space-between;}
.home-page .about-data-item{color:rgba(255,255,255,.9);text-align:center;}
.home-page .about-data-item-value{font-weight:700;font-size:6rem;line-height:1;}
.home-page .about-data-item-unit{font-weight:400;font-size:1.5rem;}
.home-page .about-data-item-title{margin-top:.75rem;font-size:1.375rem;}
.home-page .news-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.home-page .news-cover-href{display:block;height:100%;background-color:#f5f5f5;}
.home-page .news-cover .image-wrap{height:50%;max-height:20rem;}
.home-page .news-cover:hover img{transform:scale(1.1);}
.home-page .news-cover-content{padding:1.5rem 2rem;height:50%;}
.home-page .news-cover-time{color:#999;font-size:1.25rem;}
.home-page .news-cover-title{margin-top:1rem;font-size:1.25rem;}
.home-page .news-cover:hover .news-cover-title{color:rgb(var(--theme-color));}
.home-page .news-cover-desc{margin-top:.5rem;color:#666;font-size:.875rem;line-height:2;}
.home-page .news-list{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:1rem;}
.home-page .news-item{overflow:hidden;}
.home-page .news-item-href{display:flex;padding:1.5rem;width:100%;height:100%;background-color:#f5f5f5;align-items:center;}
.home-page .news-item-more{margin-right:2rem;color:#666;line-height:1;flex-shrink:0;}
.home-page .news-item-more .more-day{font-weight:600;font-size:1.75rem;}
.home-page .news-item:hover .more-day{color:rgb(var(--theme-color));}
.home-page .news-item-more .more-year{margin-top:.5rem;font-size:1rem;}
.home-page .news-item-content{width:calc(100% - 8rem);}
.home-page .news-item-title{color:#1a1a1a;font-size:1.125rem;transition-property:color;}
.home-page .news-item:hover .news-item-title{color:rgb(var(--theme-color));}
.home-page .news-item-time{display:none;margin-top:.375rem;color:#666;font-size:.875rem;}
.home-page .news-item-desc{margin-top:.5rem;color:#666;font-size:.875rem;}
.home-page .honor-section{padding-bottom:0;}
/*.home-page .honor-section .swiper-wrapper{transition-timing-function:linear}*/
.home-page .honor-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;}
.home-page .partner-section{padding-bottom:0;}
.home-page .partner-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;}
.space-page{padding-top:4rem;padding-bottom:4rem;}
.gray-page{background-color:#f5f5f5;}
.global-banner{position:relative;height:30rem;background-color:#f5f5f5;}
.global-banner .image-wrap{height:100%;}
.global-banner .global-banner-body{position:absolute;top:30%;left:0;z-index:5;width:100%;height:100%;}
.global-banner .global-banner-content{color:#fff;}
.global-banner .global-banner-title{position:relative;padding-bottom:1rem;font-weight:700;font-size:2.5rem;}
.global-banner .global-banner-title::after{position:absolute;bottom:0;left:0;display:block;width:2em;height:.25rem;background-color:currentColor;content:'';}
.global-banner .global-banner-subtitle{margin-top:2rem;font-size:1.25rem;}
.global-position{padding-top:1.5rem;padding-bottom:1.5rem;background-color:#f5f5f5;}
.global-position .global-position-body{display:flex;color:#666;font-size:.875rem;flex-wrap:wrap;align-items:center;}
.global-position .global-position-crumb{padding-left:1.75rem;background-image:url(../icon/global-position.svg);background-position:left center;background-size:contain;background-repeat:no-repeat;color:#666;font-size:.875rem;}
.global-position .global-position-crumb a:not(:first-child){margin-left:.5rem;}
.global-position .global-position-crumb a:not(:last-child){margin-right:.5rem;}
.global-position .global-position-crumb a[href]:hover{color:rgb(var(--theme-color));}
.global-pagination{margin-top:3.5rem;}
.global-pagination ul{display:flex;color:#555;list-style:none;text-align:center;font-size:1rem;flex-wrap:wrap;justify-content:center;}
.global-pagination ul>strong{margin-right:.375rem;margin-left:.375rem;}
.global-pagination li{margin:.25rem .375rem;}
.global-pagination li>*{display:block;padding:.5rem 1rem;border:1px solid #ccc;border-radius:.25rem;background:#fff;color:#6e6e6e;}
.global-pagination li.disable>*,.global-pagination li>.disable,.global-pagination li>a:not([href]){background-color:#ececec;color:#666;cursor:auto;}
.global-pagination li a[href]:hover,.global-pagination li.active>*,.global-pagination li.active>a:not([href]){border:1px solid rgb(var(--theme-color));background-color:rgb(var(--theme-color));color:#fff;}
.global-contact{position:relative;height:20rem;}
.global-contact .image-wrap{height:100%;}
.global-contact .global-contact-content{position:absolute;top:0;left:0;z-index:5;display:flex;width:100%;height:100%;color:#fff;flex-direction:column;align-items:center;justify-content:center;}
.global-contact .global-contact-title{font-size:2rem;}
.global-contact .global-contact-desc{margin-top:1rem;font-size:1rem;}
.global-contact .global-contact-btn{display:block;margin:1.5rem 0 0;padding:.75rem 2.5rem;width:max-content;border:1px solid #fff;border-radius:3rem;color:#fff;}
.global-contact .global-contact-btn:hover{background-color:#fff;color:rgb(var(--theme-color));}
.article-page .list-section .article-list{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:2rem;}
.article-page .list-section .article-item-href{display:flex;background-color:#f5f5f5;transition-property:background-color;flex-wrap:wrap;align-items:stretch;}
.article-page .list-section .article-item:hover .article-item-href{background-color:rgb(var(--theme-color));}
.article-page .list-section .article-item .image-wrap{width:30%;}
.article-page .list-section .article-item-content{padding:2rem;width:70%;}
.article-page .list-section .article-item-title{font-size:1.5rem;transition-property:color;}
.article-page .list-section .article-item:hover .article-item-title{color:#fff;}
.article-page .list-section .article-item-time{margin-top:1.5rem;color:#999;font-size:.875rem;transition-property:color;}
.article-page .list-section .article-item:hover .article-item-time{color:#fff;}
.article-page .list-section .article-item-desc{margin-top:1.5rem;color:#999;line-height:2;transition-property:color;}
.article-page .list-section .article-item:hover .article-item-desc{color:#fff;}
.article-page .detail-section .detail-title{color:#1a1a1a;text-align:center;font-size:2rem;}
.article-page .detail-section .detail-info{margin-top:1rem;color:#999;text-align:center;font-size:.875rem;}
.article-page .detail-section .detail-info span{display:inline-block;margin:.25rem .5rem;}
.article-page .detail-section .detail-content{margin-top:2rem;color:#444;font-size:1rem;line-height:2;}
.article-page .detail-section .detail-content img{display:inline-block;}
.article-page .detail-section .detail-pages{margin-top:2rem;}
.article-page .detail-section .detail-pages a{display:block;margin:0 auto;padding:1rem 1rem;width:max-content;border:1px solid rgb(var(--theme-color));border-radius:.375rem;color:rgb(var(--theme-color));}
.article-page .detail-section .detail-pages a:hover{background-color:rgb(var(--theme-color));color:#fff;}
.article-page .detail-section .detail-pages a:not(:last-child){margin-bottom:1rem;}
.product-page .list-section .product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1rem;}
.product-page .list-section .product-item:hover img{transform:scale(1.1);}
.product-page .list-section .product-item-content{padding-top:1rem;text-align:center;}
.product-page .list-section .product-item-title{font-size:1.375rem;transition-property:color;}
.product-page .list-section .product-item:hover .product-item-title{color:rgb(var(--theme-color));}
.product-page .info-section{padding-top:2rem;padding-bottom:2rem;background-color:#fff;}
.product-page .info-section .info-body{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
.product-page .info-section .info-image{width:40%;flex-shrink:0;}
.product-page .info-section .info-image-show{border:1px solid #f1f1f1;}
.product-page .info-section .info-image-control{margin-top:1rem;}
.product-page .info-section .info-image-control-item{border:1px solid #f1f1f1;transition:border-color ease .5s;}
.product-page .info-section .info-image-control-item.active{border-color:rgb(var(--theme-color));}
.product-page .info-section .info-content{margin-left:1.5rem;width:calc(60% - 1.5rem);}
.product-page .info-section .info-content{padding:2rem 3rem;border:1px solid #f1f1f1;background-color:#f5f5f5;}
.product-page .info-section .info-title{color:#1a1a1a;font-weight:700;font-size:2rem;}
.product-page .info-section .info-subtitle{margin-top:1rem;color:#1a1a1a;font-weight:700;font-size:1.25rem;}
.product-page .info-section .info-desc{margin-top:1rem;font-size:1rem;line-height:2;}
.product-page .category-section{border-top:1px solid #f1f1f1;background-color:#fff;}
.product-page .category-section .category-list{display:flex;flex-wrap:wrap;}
.product-page .category-section .category-item{display:flex;width:10rem;height:4.5rem;border-right:1px solid #f1f1f1;border-bottom:2px solid transparent;color:#444;text-align:center;font-size:1rem;cursor:pointer;transition:color ease .5s,border-bottom-color ease .5s;align-items:center;justify-content:center;}
.product-page .category-section .category-item:first-child{border-left:1px solid #f1f1f1;}
.product-page .category-section .category-item.active,.product-page .category-section .category-item:hover{color:rgb(var(--theme-color));border-bottom-color:rgb(var(--theme-color));}
.product-page .category-section .category-item i{margin-right:.625rem;width:1.5rem;height:1.5rem;transition:background-image ease .5s;}
.product-page .category-section .category-item:nth-child(1) i{background-image:url(../icon/product-content-01.svg);}
.product-page .category-section .category-item:nth-child(1).active i,.product-page .category-section .category-item:nth-child(1):hover i{background-image:url(../icon/product-content-01-hover.svg);}
.product-page .category-section .category-item:nth-child(2) i{background-image:url(../icon/product-content-02.svg);}
.product-page .category-section .category-item:nth-child(2).active i,.product-page .category-section .category-item:nth-child(2):hover i{background-image:url(../icon/product-content-02-hover.svg);}
.product-page .category-section .category-item:nth-child(3) i{background-image:url(../icon/product-content-03.svg);}
.product-page .category-section .category-item:nth-child(3).active i,.product-page .category-section .category-item:nth-child(3):hover i{background-image:url(../icon/product-content-03-hover.svg);}
.product-page .category-section .category-item:nth-child(4) i{background-image:url(../icon/product-content-04.svg);}
.product-page .category-section .category-item:nth-child(4).active i,.product-page .category-section .category-item:nth-child(4):hover i{background-image:url(../icon/product-content-04-hover.svg);}
.product-page .category-section .category-item:nth-child(5) i{background-image:url(../icon/product-content-05.svg);}
.product-page .category-section .category-item:nth-child(5).active i,.product-page .category-section .category-item:nth-child(5):hover i{background-image:url(../icon/product-content-05-hover.svg);}
.product-page .detail-section{padding-top:3rem;padding-bottom:4rem;}
.product-page .detail-section .detail-content-item{display:none;padding:3rem;background-color:#fff;line-height:2;}
.product-page .detail-section .detail-content-item.active{display:block;}
.product-page .detail-section img{display:inline-block;}
.product-page .detail-section .product-table{width:100%;}
.product-page .detail-section .product-table td,.product-page .detail-section .product-table th{padding:.75rem;border:1px solid #ececec;color:#555;font-size:.875rem;line-height:2;}
.product-page .detail-section .product-table th,.product-page .detail-section .product-table tr:first-child{background-color:#f5f5f5;}
.case-page .list-section .case-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1rem;}
.case-page .list-section .case-item:hover img{transform:scale(1.1);}
.case-page .list-section .case-item-content{padding-top:1rem;text-align:center;}
.case-page .list-section .case-item-title{font-size:1.375rem;transition-property:color;}
.case-page .list-section .case-item:hover .case-item-title{color:rgb(var(--theme-color));}
.case-page .list-section .case-item-desc{margin-top:1.5rem;color:#999;line-height:2;}
.download-page .download-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;}
.download-page .download-item-href{display:flex;padding:1rem 1.5rem;border:1px solid #ccc;align-items:center;justify-content:space-between;}
.download-page .download-item-href:hover{border:1px solid rgb(var(--theme-color));}
.download-page .download-item-title{color:#2c2c2c;font-size:1.125rem;}
.download-page .download-item-tips{display:flex;align-items:center;}
.download-page .download-item-tips i{margin-right:.5rem;width:1.5rem;height:1.5rem;background-image:url(../icon/download.svg);}
.about-page .page-section{padding-top:3rem;padding-bottom:3rem;}
.about-page .section-title{margin-bottom:2rem;color:#1a1a1a;text-align:center;font-size:2rem;}
.about-page .intro-section .intro-content{text-align:justify;line-height:2;}
.about-page .history-section{position:relative;background-image:url(../images/about-history-bg.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;}
.about-page .history-section::after{position:absolute;top:14rem;left:0;display:block;width:100%;height:1px;background-color:rgba(255,255,255,.6);content:'';}
.about-page .history-section .section-title{color:#fff;}
.about-page .history-section .swiper-slide{height:auto;}
.about-page .history-section .history-item-title{position:relative;margin-bottom:2rem;padding-bottom:2rem;color:#fff;font-weight:600;font-size:4rem;line-height:1;}
.about-page .history-section .history-item-title span{font-weight:400;font-size:1rem;}
.about-page .history-section .history-item-title::after{position:absolute;bottom:-.5rem;left:0;display:block;width:1rem;height:1rem;background-image:url(../icon/about-history-dot.png);background-position:left center;background-size:contain;background-repeat:no-repeat;content:'';}
.about-page .history-section .history-item-content{color:#fff;font-size:.875rem;line-height:2;}
.about-page .history-section .swiper-navigation-prev{left:-5rem;}
.about-page .history-section .swiper-navigation-next{right:-5rem;}
.about-page .honor-section .honor-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.about-page .patner-section .partner-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));}
.contact-page .section-title{position:relative;margin-bottom:2rem;padding-bottom:.5rem;color:rgb(var(--theme-color));letter-spacing:.25rem;font-size:2rem;}
.contact-page .section-title::after{position:absolute;bottom:0;left:0;display:block;width:2em;height:2px;background-color:currentColor;content:'';}
.contact-page .info-section{margin-bottom:3rem;}
.contact-page .info-section .info-body{display:flex;flex-wrap:wrap;}
.contact-page .info-section .info-content{padding-right:2rem;width:50%;font-size:1.25rem;line-height:2;}
.contact-page .info-section #map{width:50%;height:30rem;}
.contact-page .message-section .row{margin:0 -1rem;}
.contact-page .message-section .form-group{margin-bottom:1.25rem;padding:0 1rem;}
.contact-page .message-section .form-control{padding:1rem 1.5rem;width:100%;background-color:#f5f5f5;color:#1a1a1a;font-size:1.125rem;}
.contact-page .message-section .form-btn-wrap{display:flex;}
.contact-page .message-section .form-btn{padding:.75rem 1rem;width:10rem;border:1px solid currentColor;color:rgb(var(--theme-color));font-size:1.25rem;}
.contact-page .message-section .form-btn:not(:last-child){margin-right:2rem;}
.contact-page .message-section .form-btn[type=submit]{border-color:rgb(var(--theme-color));background-color:rgb(var(--theme-color));color:#fff;}
 .aside-contacts{position:fixed;top:50%;right:15px;z-index:50;transform:translateY(-50%)}
.aside-contacts-item{position:relative;margin-bottom:10px}
.aside-contacts-item:last-child{margin-bottom:0}
.aside-contacts-body{display:block}
.aside-contacts-icon{display:block;width:45px;height:45px;border-radius:100%;background-color:rgb(var(--theme-color));background-position:center;background-size:60%;background-repeat:no-repeat}
.aside-contacts-icon.icon-phone{background-image:url(../icon/aside-contacts-phone.svg)}
.aside-contacts-icon.icon-email{background-image:url(../icon/aside-contacts-email.svg)}
.aside-contacts-icon.icon-wechat{background-image:url(../icon/aside-contacts-wechat.svg)}
.aside-contacts-hide{position:absolute;top:50%;right:100%;z-index:5;display:block;visibility:hidden;padding-right:20px;font-size:18px;opacity:0;transition:opacity ease .5s;transform:translateY(-50%)}
.aside-contacts-item:hover .aside-contacts-hide{visibility:visible;opacity:1}
.aside-contacts-hide-content{position:relative;padding:12px;width:max-content;border-radius:6px;background-color:#fff;filter:drop-shadow(0 0 8px rgba(0, 0, 0, .2))}
.aside-contacts-hide-content::after{position:absolute;top:50%;right:-7px;display:block;width:14px;height:14px;background-color:#fff;content:'';transform:translateY(-50%) rotate(45deg)}
.aside-contacts-hide-content a:hover{color:rgb(var(--theme-color))}
.aside-contacts-hide-content img{width:100%;max-width:250px}
@media(max-width: 1280px){
    .space-page{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .header .navbar-body{
        flex-wrap: wrap;
    }
    .header .navbar-brand{
        padding-top: .25rem;
        padding-bottom: .25rem;
    }
    .header .navbar-togger{
        display: block;
        width: 2rem;
        height: 2rem;
        background-image: url('../icon/main-togger.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .header .navbar-nav{
        flex-basis: 100%;
        flex-grow: 1;
    }
    .header .navbar-nav:not(show){
        display: none;
    }
    .header .nav-list{
        padding: 1rem 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .header .nav-item{
        width: 100%;
        border-bottom: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .header .nav-item:not(:last-child){
        margin-right: 0;
    }
    .header .nav-link{
        padding: 0;
        height: 2.5rem;
        line-height: 2.5rem;
    }
    .header .submenu-icon{
        width: 5rem;
        height: 2.5rem;
        background-image: url('../icon/dropdown-togger.svg');
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 2rem;
    }
    .header .submenu-wrap{
        position: static;
        z-index: 1;
        flex-basis: 100%;
        flex-grow: 1;
        background-color: transparent;
    }
    .header .submenu-wrap .container-fluid{
        padding: 0;
    }
    .header .submenu-list{
        justify-content: flex-start;
    }
    .header .submenu-item{
        width: 100%;
    }
    .header .submenu-link{
        padding: 0.25rem 0 0.25rem 1rem;
        color: #fff;
    }
    .footer .footer-info{
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }
    .footer .footer-info-body{
        flex-wrap: wrap;
    }
    .footer .footer-nav{
        display: none;
    }
    .footer .footer-nav dl:not(:last-child){
        margin-right: 0;
    }
    .footer .footer-nav dt{
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }
    .footer .footer-contact{
        /*display: none;*/
    }
    .footer .footer-contact dt{
        font-size: 1.25rem;
        margin-bottom: 0.75rem;
    }
    .footer .footer-contact dd{
        margin-bottom: .75rem;
    }
    .footer .footer-contact dd:last-child{
        margin-bottom: 0;
    }
    .footer .footer-copyright{
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .footer .footer-copyright-body{
        font-size: .75rem;
    }
    .footer .footer-copyright-body>.float-right{
        display: none;
    }
    .global-banner{
        height: 20rem;
    }
    .global-banner .global-banner-body{
        top: 40%;
    }
    .global-banner .global-banner-title{
        font-size: 1.75rem;
    }
    
    .global-banner .global-banner-subtitle{
        margin-top: 1rem;
        font-size: 1rem;
    }
    .global-position{
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
    .global-pagination{
        margin-top: 2rem;
    }
    .home-page .page-section{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .home-page .section-title-wrap{
        margin-bottom: 1rem;
    }
    .home-page .section-title{
        font-size: 1.5rem;
    }
    .home-page .section-subtitle{
        margin-top: 0;
    font-size:.75rem
}
.home-page .banner-section .swiper-pagination-wrap{
    bottom: 1rem;
}
.swiper-container-wrap .swiper-pagination-bullet:not(:last-child){
    margin-right: .5rem;
}
.home-page .product-list{
    padding: .75rem;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .75rem;
}
.home-page .product-item-content{
    padding: 1rem;
}
.home-page .product-item-title{
    font-size: 1.25rem;
}
.home-page .about-info-content{
    width: 100%;
}
.home-page .about-info-title-en{
    font-size: 3rem;
}
.home-page .about-info-title-cn{
    font-size: 1.75rem;
}
.home-page .about-info-title-line{
    width: 6rem;
}
.home-page .about-info-desc{
    margin-top: .75rem;
    font-size: .875rem;
}
.home-page .about-info-image{
    margin-top: 1.5rem;
    margin-left: 0;
    width: 100%;
}
.home-page .about-info-image .video-wrap{
    height: 16rem;
}
.home-page .about-data-list{
    margin-top: 2rem;
}
.home-page .about-data-item-value{
    font-size: 2rem;
}
.home-page .about-data-item-unit{
    font-size: .875rem;
}
.home-page .about-data-item-title{
    margin-top: .375rem;
    font-size: .875rem;
}
.home-page .case-section {
  padding-bottom: 0;
}
.home-page .case-list-wrap{
    overflow-x: auto;
}
.home-page .case-list{
    flex-wrap: wrap;
}
.home-page .case-item{
    margin-bottom: .75rem;
    width: 100%;
}
.home-page .case-item.active{
    width: 100%;
}
.home-page .case-item:last-child{
    margin-bottom: 0;
}
.home-page .case-item .image-wrap img{
    height: auto;
}
.home-page .case-item-body{
    background-color: rgba(0,0,0,.2);
}
.home-page .case-item-content{
    display: block;
}
.home-page .case-item-title{
    font-size: 1rem;
}
.home-page .honor-section{
    padding-bottom: 0;
}
.home-page .partner-section{
    padding-bottom: 0;
}
.home-page .partner-list{
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .125rem;
}
.home-page .news-body{
    grid-template-columns: repeat(1,minmax(0,1fr));
    gap: .5rem;
}
.home-page .news-cover-content{
    padding: 1rem;
}   
.home-page .news-cover-time{
    font-size: .875rem;
}
.home-page .news-cover-title{
    margin-top: 0.25rem;
}
.home-page .news-cover-desc{
    margin-top: 0.25rem;
    line-height: 1.75;
}
.home-page .news-list{
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-template-rows: auto;
    gap: .5rem;
}
.home-page .news-item-href{
    padding: .875rem;
}
.home-page .news-item-more{
    display: none;
}
.home-page .news-item-content{
    width: 100%;
}
.home-page .news-item-time{
    display: block;
}
.home-page .news-item-desc{
    margin-top: .25rem;
}
    .product-page .list-section .product-list{
        grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 1rem .5rem;
    }
    .product-page .list-section .product-item-content{
        padding-top: .5rem;
    }
    .product-page .list-section .product-item-title{
        font-size: 1.125rem;
    }
    .product-page .info-section .info-image{
        width: 100%;
    }
    .product-page .info-section .info-image-control{
        margin-top: .5rem;
    }
    .product-page .info-section .info-content{
        margin-top: .75rem;
        margin-left: 0;
        padding: .5rem .75rem;
    width: 100%;
    }
    .product-page .info-section .info-title{
        font-size: 1.5rem;
    }
    .product-page .info-section .info-desc{
        font-size: .875rem;
        line-height: 1.75;
    }
    .product-page .category-section .category-item{
        width: 8rem;
        height: 3rem;
    }
    .product-page .category-section .category-item i{
        margin-right: .5rem;
    }
    .product-page .detail-section{
        padding-top: 1rem;
        padding-bottom: 3rem;
    }
    .product-page .detail-section .detail-content-item{
        padding: 1rem;
    }
    .case-page .list-section .case-list{
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 1rem .5rem;
    }
    .case-page .list-section .case-item-content{
        padding-top: .5rem;
    }
    .case-page .list-section .case-item-title{
        font-size: 1.125rem;
    }
    .download-page .download-list{
        grid-template-columns: repeat(1,minmax(0,1fr));
        gap: 1rem;
    }
    .download-page .download-item-href{
        padding: .75rem;
    }
    .download-page .download-item-tips{
        margin-left: 1rem;
        flex-shrink: 0;
    }
    .article-page .list-section .article-list{
        gap: 1rem;
    }
    .article-page .list-section .article-item .image-wrap{
        width: 100%;
    }
    .article-page .list-section .article-item-content{
        width: 100%;
        padding: 1rem;
    }
    .article-page .list-section .article-item-title{
        font-size: 1.125rem;
    }
    .article-page .list-section .article-item-time{
        font-size: .75rem;
        margin-top: .5rem;
    }
    .article-page .list-section .article-item-desc{
        margin-top: .5rem;
        font-size: .875rem;
    }
    .article-page .detail-section .detail-title{
        font-size: 1.5rem;
    }
    .article-page .detail-section .detail-info{
        margin-top: .75rem;
    }
    .article-page .detail-section .detail-content{
        margin-top: 1.5rem;
    }
    .article-page .detail-section .detail-pages{
        margin-top: 1.5rem;
    }
    .article-page .detail-section .detail-pages a{
        padding: .5rem 1rem;
    }
    .about-page .page-section{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .about-page .section-title{
        margin-bottom: 1rem;
        font-size: 1.5rem;
    }
    .about-page .history-section .history-item-title{
        font-size: 3rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    .about-page .history-section::after{
    top: 9.25rem;
    }
    .about-page .honor-section{
        padding-bottom: 0;
    }
    .about-page .patner-section .partner-list{
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .contact-page .section-title{
        margin-bottom: 1.5rem;
        font-size: 1.5rem;
    }
    .contact-page .info-section .info-content{
        width: 100%;
        padding-right: 0;
        padding-bottom: 1.5rem;
        font-size: 1rem;
    }
    .contact-page .info-section #map{
        width: 100%;
        height: 25rem;
    }
    .contact-page .message-section .form-group{
        margin-bottom: .75rem;
    }
    .contact-page .message-section .form-control{
        padding: .75rem 1rem;
        font-size: 1rem;
    }
    .contact-page .message-section .form-btn:not(:last-child){
        margin-right: 1rem;
    }
    .contact-page .message-section .form-btn{
        padding: .625rem .75rem;
        width: 8rem;
        font-size: 1rem;
    }
}